html,body {
  font-family: "微软雅黑", "Helvetica Neue", "PingFang SC",'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
  font-size: 16px;
  word-spacing: 1px;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  overflow: hidden;
  height: 100vh;
  width: 100vw;
  padding: 0;
  margin: 0;
  background: #f5f5f5;
}
@font-face {
  font-family: 'iconfont';  /* project id 893192 */
  src: url('//at.alicdn.com/t/font_893192_eezwthys45.eot');
  src: url('//at.alicdn.com/t/font_893192_eezwthys45.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_893192_eezwthys45.woff') format('woff'),
  url('//at.alicdn.com/t/font_893192_eezwthys45.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_893192_eezwthys45.svg#iconfont') format('svg');
}
.iconfont {font-family: iconfont; font-size: 14px; font-style: inherit;}
h1, h2, h3, h4, h5, h6 {
  padding: 0;
  margin: 0;
}

.container {
  height: 100vh;
}
.context-menu { position: absolute; top: 0; left: 0; display: none; z-index: 19890118; min-width: 80px;}
.context-menu .el-menu { border: solid 1px #e6e6e6;}
.context-menu .el-menu-item { height: 36px; line-height: 36px;}

.pull-left { float: left; }
.pull-right { float: right;}

.el-button.link-btn { padding: 0;}
.el-table td, .el-table th { text-align: center;}
.el-table thead .table-header, .el-table thead .table-header th, .el-table .el-table__row.hover-row td { background: #f5f7fa;}
.el-table .cell-opts { padding: 0;}
/*.el-table .cell-opts div.cell:first-child { padding-left: 0;}*/
.el-table .cell-opts .el-button--mini { padding: 5px 10px;}
/*.el-table .el-table__row.hover-row {background: #f5f7fa;}*/

.el-select { width: 100%;}
.el-breadcrumb__inner a, .el-breadcrumb__inner.is-link { color: #606266; font-weight: 400;}
.el-form-item__label { font-size: 12px;}
.el-input__inner, .el-button { border-radius: 2px;}
.el-dialog__title { font-size: 14px;}
.el-dialog__body { padding: 20px 20px 10px 20px;}
.el-tree-node__content { height: 32px;}

.aside { height: 100%; background: #ffffff; width: 200px;}
/*background: #538efe;*/
.aside-logo { height: 50px; line-height: 50px;overflow: hidden; cursor: pointer; display: inline-block; min-width: 200px; float: left;}
.aside-logo img { height: 30px; margin: 10px; float: left;}
.aside-logo h3 { float: right; padding-right: 5px; color: #ffffff; font-size: 20px; font-weight: 500; letter-spacing: 2px;}
.aside .n-menu { width: 200px;}
.aside .n-menu .el-menu-item-group__title { height: 30px; line-height: 30px; font-size: 14px; color: #303133; padding: 7px 0 7px 10px; position: relative;}
.aside .n-menu .el-menu-item-group__title .iconfont { font-size: 16px; padding-right: 5px; color: #909399;}
.aside .n-menu .el-menu-item { height: 40px; line-height: 40px; color: #909399; position: relative;}
.aside .n-menu .el-submenu__title { height: 45px; line-height: 45px;}
.aside .n-menu .el-menu-item.is-active { background: rgba(83,142,254,.1); color: #538efe;}
.aside .n-menu .el-menu-item.is-active:before { content: ""; position: absolute; width: 4px; background: #538efe; top: 0; bottom: 0; left: 0;}


.x-header { background: #538efe;}
.x-header::after { content: ""; display: inline-block; clear: both;}
.x-header .el-menu { float: right; border: none; height: 50px; line-height: 50px; background: transparent; padding-right: 10px;}
.x-header .el-menu-item { height: 50px; line-height: 50px; padding: 0; position: relative; display: inline-block; float: left; color: #ffffff;}
.x-header .el-menu-item:hover,.x-header .el-menu-item.is-active { background: none; color: #ffffff;}
.user-menu .el-menu-item .iconfont { font-size: 26px; color: #ffffff;}
.x-header .el-menu-item .el-badge__content { top: 15px; right: 12px;}
.x-header .mini-photo { width: 35px; height: 35px; background: #f5f5f5; border-radius: 40px; overflow: hidden; display: inline-block; float: left; margin-top: 7.5px; }
.x-header .mini-photo img { width: 100%; vertical-align: initial;}
.x-header h3 { display: inline-block; color: #ffffff; font-weight: 400; padding-left: 5px; float: left;}
.x-header .el-badge__content { border: none;}

.x-header .nav-menu { float: left;}
.nav-menu .el-menu-item {color: #ffffff; padding: 0 20px; font-size: 16px;}
.nav-menu .el-menu-item:hover,.nav-menu .el-menu-item:focus,.nav-menu .el-menu-item.is-active { background: #78a5f7;}

.n-menu { border: none;}

/*.x-main { display: flex; align-items: center; flex-direction: column; text-align: center; position: relative;}*/

.x-main { position: relative; display: flex; padding: 10px;}
.inner-main { display: flex; padding: 10px 0 0 0; flex: 1;}
.x-container { display: inline-block; flex: 1; overflow: inherit;}
.x-footer { border-top: 1px solid #f5f5f5; height: 28px; line-height: 28px;}

.bread-header { overflow: hidden; padding: 0; margin-top: -10px;}
.bread-header .el-breadcrumb { height: 20px; display: table-cell; vertical-align: bottom;}
.bread-header .el-breadcrumb .el-breadcrumb__item { float: inherit;}
.bread-header .el-breadcrumb .iconfont { font-size: 18px; padding-right: 3px;}

/*.full-container { border-radius: 5px; background: #ffffff; padding: 15px; flex: 1 1 auto; display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column; width: 100%; height: 100%;}*/
.full-container { background: #ffffff; padding: 10px 15px; overflow: hidden; position: relative; box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);}
.full-container .full { position: absolute; top: 10px; left: 10px; bottom: 10px; right: 10px;}

blockquote.search { margin: 0; text-align: left; padding-bottom: 10px;}
.table-top-bar { border-bottom: #ebeef5 1px solid; padding-bottom: 10px;}
.table-top-bar::after { content: ""; display: block; clear: both;}
.table-top-bar .title { font-size: 14px; font-weight: 400; color: #606266; position: relative; margin: 5px 5px 5px 0; text-indent: 7px; display: inline-block; border-left: #538efe 2px solid; line-height: 15.4px;}
/*.table-top-bar .title::before { content: ""; width: 2px; height: 13px; background: #538efe; position: absolute; left: 0; top: 3px;}*/
.table-top-bar .el-button { float: right;}
.table-top-bar .el-button+.el-button { margin: 0 10px 0 0;}
blockquote.search .el-form { padding-top: 10px;}
blockquote.search .el-form .el-button { min-width: 65px;}
blockquote.search .el-form-item--mini.el-form-item, blockquote.search .el-form-item--small.el-form-item { margin-bottom: 0;}
.el-pagination { padding: 5px;}
/*.el-pagination { text-align: left; position: absolute; bottom: 5px; left: 15px; right: 15px;}*/
